<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<title>团队交流</title>

	<link rel="stylesheet" href="css/bootstrap.min.css"/>
	<link rel="stylesheet" href="css/chatting.css"/>
	<script type="text/javascript" src="js/jquery.min.js"></script>
	<script src="js/bootstrap.min.js"></script>

</head>
<body>

<div class="main">

	<div class="page-header">
		<h1 style="display:inline;" >Group Chatting <small>--&nbsp;WITH PARTNERS&nbsp;--</small></h1>
		<button id="quit" style="display:none;right:60px;position:absolute;" type="button" class="btn btn-danger" onclick="javascript:StopTalking()">QUIT</button>
	</div>
	<div class="row">
		<div class="col-xs-12 col-md-12">

			<div class="key">
				<button id="start" type="button" class="btn btn-danger" onclick="javascript:StartTalking()">START</button>

				<div id="talkingContent">


					<div id="theme" class="student_content" style="display:none;margin-top:5px;font-size:16px;">

						<!-- 此处ID需要同步后台人物 -->
						<img id="head1" src="img/image_teach.png" style="width:50px;cursor:pointer;">
						<span class="talkContent">新民主主义革命属于什么性质的革命？</span>

					</div>

					<!-- 此处为每条消息，其ID需要同步数据库每条评论的ID -->

				</div>

				<div style="position:relative;top:4px;margin-left:10px;margin-right:10px;">
					<div class="input-group">
						<div class="input-group-btn" >
							<button id="menu" type="button" class="btn btn-danger dropdown-toggle" disabled="true" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Menu &nbsp;<span class="caret"></span></button>
							<ul class="dropdown-menu">
								<li><a href="#" id="ask">Ask</a></li>
								<li><a href="#" id="view">View</a></li>
								<li><a href="#" id="resource">Resource</a></li>

							</ul>
						</div>

						<input id="answerText" type="text" class="form-control" disabled="true" placeholder="点击人物头像即可@对方">
						<div class="input-group-btn">
							<button id="send" type="button" class="btn btn-danger" disabled="true" onclick="javascript:SendAnswer()">Send</button>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

</div>

<script type="text/javascript" src="js/chatting.js"></script>
</body>
</html>